<template>
  <template v-for="item in menu">
    <Submenu v-if="item.is_directory" :key="item.id" :name="'doc_'+item.id">
      <template #title>
        {{ item.title }}
      </template>
      <SubmenuDeep :menu="item.childlist"/>
    </Submenu>
    <MenuItem v-else :name="item.id" :key="item.id" >{{ item.title }}</MenuItem>

  </template>
</template>
<script>

export default {
  name: 'SubmenuDeep',
  props: ['menu'],
  data() {
    return {}
  },
  methods: {

  }
}
</script>
